<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <title>机型</title>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <script src="../js/flexible.js" type="text/javascript"></script>
    <script src="../js/swiper.min.js" type="text/javascript"></script>
    <script src="../js/zepto-v1.2.0.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="aircraft-model-wrapper common-wrapper detail-wrapper">
      <header class="header-wrapper clearfix">
        <div class="header-container white-background">
          <div class="left-container">
            <a class="back black-back" href="javascript:history.back(-1)"></a>
          </div>
          <div class="tab-wrapper">
            <span class="tab-item active">基本信息</span>
            <span class="tab-item">行业信息</span>
            <span class="tab-item">机型介绍</span>
          </div>
        </div>
      </header>
      <section class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide slide1"></div>
          <div class="swiper-slide">Slide 2</div>
          <div class="swiper-slide">Slide 3</div>
        </div>
        <div class="swiper-pagination"></div>
      </section>
      <section class="intro-container">
        <div class="title">赛斯纳172</div>
        <a class="website" href="javascript:;">赛斯纳飞机公司</a>
        <div class="price">参考价：<span class="num">100</span>万元</div>
      </section>
      <section class="info-container">
        <div class="table-module">
          <div class="title">性能参数</div>
          <table>
            <tr>
              <td>乘员</td>
              <td>驾驶员1名+乘客3名</td>
            </tr>
            <tr>
              <td>尺寸</td>
              <td>3300 万人民币</td>
            </tr>
            <tr>
              <td>重量</td>
              <td>空重767千克， 满载起飞重量1111千克 。</td>
            </tr>
            <tr>
              <td>性能</td>
              <td>
                巡航速度226千米/时，失速速度87千米/时，极限速度302千米/时。航程1289千米，实用升限4100米。爬升率3.66米/秒。
              </td>
            </tr>
            <tr>
              <td>动力装置</td>
              <td>
                1台莱靡明公司IO-360-L2A活塞4缸水平对置发动机，功率120千瓦（160马力）。
              </td>
            </tr>
          </table>
        </div>
        <div class="project-container">
          <div class="title">擅长任务</div>
          <div class="project-list">
            <a class="project-item" href="javascript:;"
              >甲类-商用驾驶员执照培训</a
            >
            <a class="project-item">乙类-空中游览</a>
            <a class="project-item">乙类-空中巡查</a>
            <a class="project-item">丙类-私用驾驶员执照培训</a>
          </div>
        </div>
      </section>
    </div>
  </body>
  <script>
    $(document).ready(function () {
      var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        autoplay: true,
        pagination: {
          el: '.swiper-pagination',
        },
      })
      $('.tab-item').click(function () {
        $(this).addClass('active').siblings().removeClass('active')
      })
    })
  </script>
</html>
